$(function() {

    
    getUserInfo()

    $('.logout').on('click',function() {
        // layui里面的询问框，点击确定才会执行回调函数里面的代码
        layer.confirm('确定退出吗？', {icon: 3, title:'提示'}, function(index){
            // 销毁token，跳转到登录页面
            localStorage.removeItem('token')
            location.href='/login.html'
            // 自带的代码，关闭询问框
            layer.close(index);
          })
    })

})
    // 获取用户信息渲染成函数
    // 要求：必须设置为全局函数，不是局部函数
function getUserInfo() {

    axios({
        method:'GET',
        url:'/my/userinfo',
        // 设置请求头信息甚至token认证
        // headers:{
        //     Authorization:localStorage.getItem('token')

        // }
    }).then(function(res) {
        // console.log(res.data);
        if (res.data.status!==0) {
            return layui.layer.msg(res.data.message)
        }
        renderAvatar(res.data.data)
    })
}

// 渲染用户信息和头像
function renderAvatar(user) {
    // 渲染欢迎，如果与nickname优先渲染nickname，如果没有nickname，渲染username
    // ||连接两个值，如果第一个值是false，返回第二个值  短路运算
    // &&如果连接两个值，如果第一个是false直接返回
    let name=user.nickname||user.username
    $('.welcome').html('欢迎&nbsp;'+name)

    if(user.user_pic!==null) {
        $('.avatar-text').hide()
        $('.layui-nav-img').show().attr('src',user.user_pic)
    }else {
        $('.layui-nav-img').hide()
        let first=name[0].toUpperCase()
        $('.avatar-text').show().html(first)
    }
}



